﻿@model  iPick.Models.Application
@{
   Layout = "~/Views/Shared/Mobile/_Layout.cshtml";   
}
  
@Html.Partial("~/Views/Shared/Mobile/_HeaderHome.cshtml")
<script type="text/javascript">
    $(document).ready(function () {
        $.ajaxSetup({
            cache: false
        });

		//Rating Bar
		$('.movie_rating').ratingbar({
			maxRating: 10,
			showText: false
		});
	});
</script>
<br />
<div>
 @*   @using (Html.BeginForm("Index","Home",FormMethod.Post))
    {
*@<ul data-role="listview" data-inset="true">
    @foreach (iPick.Catalog catalog in Model.lCatalog)
    {
  
        <li data-corners="false" data-shadow="false" data-iconshadow="true" data-wrapperels="div"
            data-icon="arrow-r" data-iconpos="right" data-theme="c" class="ui-btn ui-btn-icon-right ui-li-has-arrow ui-li ui-btn-up-c">
            <div class="ui-btn-inner ui-li">
                <div class="ui-btn-text">
                    <a href="/Home/IndexDetails/@catalog.CatalogId" data-transition="slide"  class="ui-link-inherit">

                     
                            <p><img src="@catalog.PosterSmall"  /></p>
                                            
                            <p class="ui-li-heading-custom">
                                @Html.Label(catalog.Title)</p>
                         
                            <p class="ui-li-desc-custom">
                                Release Year:@Html.Label(catalog.ReleaseYear.ToString())</p>
                           <p class="ui-li-desc-custom">
                                Rated:@*@Html.Label(catalog.MPAA_Rating)*@</p>
							<p class="ui-li-desc-custom">
                                Viewer Rating: @Html.Label(catalog.ViewerRating) <span class="movie_rating">@Html.Label(catalog.ViewerRating)</span></p>
							 </a>  
                 @*   <div id="Buttons">
                          @Ajax.ActionLink("Add To Favorites","SetFavorites","Home", new { catalogId=catalog.CatalogId }, new AjaxOptions { HttpMethod = "GET", UpdateTargetId = "Buttons", InsertionMode = InsertionMode.Replace })
                    <a href="@Url.Action("SetFavorites", new { catalogId=catalog.CatalogId })"><img src="@Url.Content("~/Images/socialmedia/favorite_cicular.png")", alt="Edit" /></a>*@
                   @*     <br />
                    </div>*@
                        @{Html.RenderPartial("~/Views/Home/Mobile/_Partial_Index_Buttons.cshtml", catalog.CatalogId);}
                  
                </div>

                <span class="ui-icon ui-icon-arrow-r ui-icon-shadow">&nbsp;</span></div>
            <div style="clear: both">
            </div>
        </li>
   

    }</ul>
  
@*	}*@		
  </div>
  